<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../css/base_h5.css">
</head>
<body class="grzxBlock">
<!--头部-->
<div class="head">
    <div class="backImg"><img src="../img/backgroundImg.jpg"></div>
    <div class="back">
        <a href="javascript:;" class="backTop" onclick="javascript:history.back(-1);">
            <i class="layui-icon layui-icon-left"></i>
        </a>
    </div>
    <div class="head-title">个人中心</div>
</div>
<!--个人档案-->
<div class="grda">
    <div class="touxiang">
        <img src="../img/logoTx.png" class="touxiangImg">
    </div>
    <div class="grxx">
        <div>
            <text class="grdaName">张珊珊<text class="grdalineSty">|</text></text>
            <text class="zyzmc"><i class="layui-icon layui-icon-diamond"></i>一般志愿者</text>
        </div>
        <div class="zysc">
            <img src="../img/shichang.png" class="shichang">
            <text class="shichangText">志愿时长：12h</text>
            <img src="../img/ming.png" class="shichang ming">
            <text class="shichangText">排名信息：208</text>
        </div>
    </div>
    <div style="clear: both;"></div>
</div>
<div class="jfdh">
    <div class="layui-row">
        <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
            <div class="jfxx">
                <div>积分信息(分)</div>
                <div class="fs">24</div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
            <div class="jfxx">
                <div>销分券(张)</div>
                <div class="fs">8</div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm4 layui-col-xs4">
            <div class="jfxx">
                <div>
                    <a href="javascript:;">
                        <button type="button" class="layui-btn jfdhBtn">积分兑换</button>
                    </a>
                </div>
                <div>
                    <a href="javascript:;">
                        <button type="button" class="layui-btn jfdhBtn xfqBtn">查看销分券</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="listBlock">
    <div class="rowSty">
        <a href="#">
            <div class="zlglLeft">
                <i class="layui-icon layui-icon-form"></i>
                资料管理
            </div>
            <div class="zlglRight">
                <i class="layui-icon layui-icon-right"></i>
            </div>
            <div style="clear: both;"></div>
        </a>
    </div>
    <div class="rowSty">
        <a href="#">
            <div class="zlglLeft">
                <i class="layui-icon layui-icon-release"></i>
                活动管理
            </div>
            <div class="zlglRight">
                <i class="layui-icon layui-icon-right"></i>
            </div>
            <div style="clear: both;"></div>
        </a>
    </div>
    <div class="rowSty">
        <a href="#">
            <div class="zlglLeft">
                <i class="layui-icon layui-icon-app"></i>
                文章管理
            </div>
            <div class="zlglRight">
                <i class="layui-icon layui-icon-right"></i>
            </div>
            <div style="clear: both;"></div>
        </a>
    </div>
    <div class="rowSty">
        <a href="#">
            <div class="zlglLeft">
                <i class="layui-icon layui-icon-dollar"></i>
                积分兑换记录
            </div>
            <div class="zlglRight">
                <i class="layui-icon layui-icon-right"></i>
            </div>
            <div style="clear: both;"></div>
        </a>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../layui/layui.js"></script>
<script>
    $(function () {
        $(".jfxx:last").css("border-right","none");
        $(".rowSty:last").css("border-bottom","none");
    })
</script>
</html>